<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>添加菜单</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="__PUBLIC__/Theme1/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__PUBLIC__/Theme1/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="__PUBLIC__/Theme1/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="__PUBLIC__/Theme1/css/animate.min.css" rel="stylesheet">
    <link href="__PUBLIC__/Theme1/css/style.min.css?v=4.1.0" rel="stylesheet">
    <link href="__PUBLIC__/AdminStyle/static/plupload/upfiless.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/AdminStyle/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/Theme1/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css"
          rel="stylesheet">

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>添加活动菜单 <a href="__URL__/lists" style="margin-left:15px; color:#06cbc4">菜单列表</a></h5>
                    <div class="ibox-tools">

                    </div>
                </div>
                <div class="ibox-content">
                    <form method="post" action="__URL__/AddAction" class="form-horizontal" id="form-admin-add"
                          enctype="multipart/form-data">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">活动菜单名称</label>
                            <div class="col-sm-6">
                                <input type="text" name="hdName" id="hdName" placeholder="" class="form-control">
                            </div>

                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label">活动菜单图标（64*64 PNG）</label>
                            <div class="col-sm-6">
                                <input type="file" name="hdIco" id="hdIco" class="form-control">
                            </div>

                        </div>

                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <div class="col-sm-4 col-sm-offset-2">
                                <button class="btn btn-primary" type="submit">添加菜单</button>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="__PUBLIC__/Theme1/js/jquery.min.js?v=2.1.4"></script>
<script src="__PUBLIC__/Theme1/js/bootstrap.min.js?v=3.3.6"></script>
<script src="__PUBLIC__/Theme1/js/content.min.js?v=1.0.0"></script>
<script src="__PUBLIC__/Theme1/js/plugins/iCheck/icheck.min.js"></script>

<script type="text/javascript" src="__PUBLIC__/Theme1/check/js/jquery.validate.min.js"></script>

<script type="text/javascript" src="__PUBLIC__/Theme1/check/js/messages_zh.min.js"></script>

<script type="text/javascript" src="__PUBLIC__/Theme1/check/js/validate-methods.js"></script>
<script type="text/javascript" src="__PUBLIC__/AdminStyle/lib/webuploader/0.1.5/webuploader.min.js"></script>

<script>
    $(document).ready(function () {
        $(".i-checks").iCheck({checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green",})
    });
</script>

<script type="text/javascript">
    $(function () {
        $("#form-admin-add").validate({
            rules: {
                hdName: {
                    required: true,
                    minlength: 1,
                    maxlength: 8
                },
                hdIco: {
                    required: true,
                }

            },
            onkeyup: false,
            focusCleanup: true,
            success: "valid",
            submitHandler: function (form) {
                $(form).ajaxSubmit();
                var index = parent.layer.getFrameIndex(window.name);
                parent.$('.btn-refresh').click();
                parent.layer.close(index);
            }
        });
    });
</script>

<script type="text/javascript" src="__PUBLIC__/AdminStyle/static/plupload/plupload.full.min.js"></script>
<script type="text/javascript">
    var uploader = new plupload.Uploader(
        {
            runtimes: 'html5,flash,silverlight,html4', //上传插件初始化选用那种方式的优先级顺序
            browse_button: 'btn', // 上传按钮
            url: "__URL__/up", //远程上传地址
            flash_swf_url: '__PUBLIC__/plupload/Moxie.swf', //flash文件地址
            silverlight_xap_url: '__PUBLIC__/plupload/Moxie.xap', //silverlight文件地址
            filters: {
                max_file_size: '2mb', //最大上传文件大小（格式100b, 10kb, 10mb, 1gb）
                mime_types: [//允许文件上传类型
                    {title: "files", extensions: "jpg,png,gif"}
                ]
            },
            multi_selection: true, //true:ctrl多文件上传, false 单文件上传
            init: {
                FilesAdded: function (up, files) { //文件上传前
                    if ($("#ul_pics").children("li").length > 7) {
                        alert("您上传的图片太多了！");
                        uploader.destroy();
                    } else {
                        var dd = '';
                        plupload.each(files, function (file) { //遍历文件
                            dd += "<dd id='" + file['id'] + "'><div class='progress'><span class='bar'></span><span class='percent'>0%</span></div></dd>";
                        });
                        $("#ul_pics").append(dd);
                        uploader.start();
                    }
                },
                UploadProgress: function (up, file) { //上传中，显示进度条
                    var percent = file.percent;
                    $("#ul_pics" + file.id).find('.bar').css({"width": percent + "%"});
                    $("#ul_pics" + file.id).find(".percent").text(percent + "%");
                },
                FileUploaded: function (up, file, info) { //文件上传成功的时候触发
                    var data = eval("(" + info.response + ")");
                    $("#" + file.id).html("<img src='__ROOT__/" + data.pic + "'/>");
                    var old = $("#pPic").val();
                    $("#pPic").val(old + data.pic + '###');
                },
                Error: function (up, err) { //上传出错的时候触发
                    alert(err.message);
                }
            }
        });
    uploader.init();
</script>
</body>

</html>
